<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:insert="common/person-pc/header::personHeadBar('个人中心',~{})">
<body class="centre" style="">
<!-- 头部 -->
<!-- 头部信息 -->
<div th:insert="common/person-pc/top::personTopBar(${resCategoryModel})"/>

<!-- 头部结束 -->
<div class="ey-body-bg">
    <div class="ey-body">
        <div class="ey-container w1200">
            <!-- 侧边 -->
            <div th:insert="common/person-pc/right::rightBar(${show})"/>
            <!-- 侧边结束 -->
            <!-- 右侧 -->
            <div class="ey-con fr">
                <div class="main-bg user-box clearfix">
                    <div class="user-box-l fl">
                        <div class="user-box-text">
                            <span class="user-photo"><img th:src="${userStatisModel?.userImg}"></span>
                            <p class="name" th:text="${userStatisModel?.userName}"></p>
                            <p>你好，欢迎来到资源基地</p>
                        </div>
                        <div class="user-box-vip" th:if="${userStatisModel?.userType} == '0'">
                            <a class="open-vip" href="/person/govip.html" >开通会员</a>

                        </div>
                        <div class="user-box-vip" th:if="${userStatisModel?.userType} =='1'" style="line-height: 22px">
                            <div style="margin-bottom: 4px;padding-top: 7px;" th:text="${userStatisModel?.displayDesc}"></div>
                            <span th:text="${userStatisModel?.startTime} 至 ${userStatisModel?.endTime} "></span>
                        </div>
                        <div class="user-box-vip" th:if="${userStatisModel?.userType} =='2'" style="line-height: 22px">
                            <div style="margin-bottom: 4px;padding-top: 7px;" th:text="${userStatisModel?.displayDesc}"></div>
                            <span th:text="${userStatisModel?.startTime} 至 ${userStatisModel?.endTime} "></span>
                        </div>
                        <div class="user-box-vip" th:if="${userStatisModel?.userType} =='3'" style="line-height: 22px">
                            <div style="margin-bottom: 4px;padding-top: 7px;" th:text="${userStatisModel?.displayDesc}"></div>
                            <span th:text="${userStatisModel?.startTime} 至 ${userStatisModel?.endTime} "></span>
                        </div>
                        <div class="user-box-vip" th:if="${userStatisModel?.userType} =='-1'" style="line-height: 22px">
                            <div style="margin-bottom: 4px;padding-top: 7px;" th:text="${userStatisModel?.displayDesc}"></div>
                            <span>永久会员</span>
                        </div>
                    </div>
                    <div class="user-box-r fl">
                        <div class="user-box-top fl">
                            <div class="user-top-l fl">
                                <span class="name-id">
                                    <span th:text="${userStatisModel?.userName}"></span>
                                    <em style="margin-left: 7px;margin-right: 7px;" th:text="${userStatisModel?.displayDesc}"></em>
                                    <img src="/static/images/person-vip1.png" th:if="${userStatisModel?.userType}=='0'">
                                    <img src="/static/images/person-vip2.png" th:if="${userStatisModel?.userType}=='1'">
                                    <img src="/static/images/person-vip2.png" th:if="${userStatisModel?.userType}=='2'">
                                    <img src="/static/images/person-vip2.png" th:if="${userStatisModel?.userType}=='3'">
                                    <img src="/static/images/person-vip2.png" th:if="${userStatisModel?.userType}=='-1'">
                                </span>
                                <span class="user-type ml10">
                                    <i class="el-icon-message" title="邮箱认证"></i>
                                </span>
                            </div>
                            <div class="user-top-r fr">
                                <a class="more" href="/person/userinfo.html">修改个人信息</a>
                            </div>
                        </div>
                        <div class="user-box-bottom fl">
                            <div class="data-info">
                                <span class="num" th:text="${userStatisModel?.resNum}"></span>
                                <span class="title">资源币</span>
                                <span class="link"><a href="javascript:;" onclick="goToMoney()">去充值</a></span>
                            </div>
                            <div class="data-info">
                                <span class="num" th:text="${userStatisModel?.collectionNum}"></span>
                                <span class="title">收藏</span>
                                <span class="link"><a href="/person/collection.html">查看</a></span>
                            </div>
                            <div class="data-info">
                                <span class="num" id="users_scores" th:text="${userStatisModel?.scoreNum}"></span>
                                <span class="title">积分</span>
                                <span class="link" th:if="${userStatisModel?.userSign} eq '2'">
                                     <a href="javascript:void(0);"  onclick="userSignin();">签到</a>
                                </span>
                                <span class="link" th:if="${userStatisModel?.userSign} eq '1'">已签到</span>
                            </div>
                            <div class="data-info">
                                <span class="num" th:text="${userStatisModel?.historyNum}"></span>
                                <span class="title">足迹</span>
                                <span class="link"><a href="/person/resHistory.html">查看</a></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 其他模块入口 -->
                <div class="main-bg">
                    <div class="column-title2">
                        <div class="column-name2">其他模块</div>
                    </div>
                    <div class="el-main">
                        <div class="index-plugs">
                            <div class="plugs-item">
                                <div class="plugs-item-l"><img src="/static/images/user-vip-100x100.png"></div>
                                <div class="plugs-item-r"><a href="/person/govip.html">开通会员</a>
                                </div>
                                <div class="plugs-item-r"><a href="/person/govip.html">开通会员</a>
                                </div>
                            </div>
                            <div class="plugs-item">
                                <div class="plugs-item-l"><img src="/static/images/user-down-100x100.png"></div>
                                <div class="plugs-item-r"><a href="/person/downres.html">我的下载</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <h3>声明：</h3>
                    <p><strong>1.</strong>会员服务为虚拟产品，购买后不支持退款，请您理解。</p>
                    <p><strong>2.</strong>在会员有效期内，用户可以免费下载对应级别产品。</p>
                    <p><strong>3.</strong>重复购买会员服务，会员有效期将在原有基础上顺延。</p>
                    <p><strong>4.</strong>每日签到（1分）或他人下载您所分享的(VIP)资源(3分)（同一份资源被同一个人多次下载只计算一次）,您可以累计积分,以此兑换7天会员。</p>
                    <p><strong>5.</strong>禁止用户使用任何方式，利用本站资源，为他人提供有偿服务，一经发现，本站有权查封该账号，并追究法律责任。</p>
                    <p><strong>6.</strong>温馨提示：1元=1资源币，充值以后自动加资源币可以马上下载，学币无使用时间限制，用完为止。。</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 底部 -->
<div class="ey-footer">
    <footer class="container">
        <p>Copyright © 2012-2018 资源基地 版权所有</p>
    </footer>
</div>
</body>
</html>
